<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*html { overflow-x: hidden; overflow-y: auto; }
body,div{ margin:0;padding:0;}
.header{ width:100%; height:50px; border-bottom:1px solid #000000; }
.aside{ left:0; top:50px; height:auto; position:absolute; width:180px; border-right:1px solid #000000;}
.version{ position:absolute; bottom:0; left:0; }

.main{ margin-left:180px; padding:20px;_padding:20px 35px 20px 20px; border-left:1px solid #000000; }
.footer{ height:100px; background:#000099; }
#toggle{width:30px; height:10px; position:absolute; left:150px; top:50px; background:#009900; overflow:hidden;}
</style>
</head>

<body>

<div class="header"></div>
<div id="left" class="aside">
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<br />
	<div class="version">这里是不是可以写个版权？</div>
</div>
<div id="main" class="main">
asdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsfasdfasdfasasdfas asdf asdf asdf dfadsf<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>asdfadfasdfasd
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
	<div class="footer"></div>
</div>
<div id="toggle"><a href="#" onclick="toggle();"> asdfasdf</a></div>
<script type="text/javascript">
function toggle(){
	if( document.getElementById('left').style.display == 'none' ){
		document.getElementById('left').style.display = 'block';
		document.getElementById('main').style.cssText = 'margin-left:180px;';
		document.getElementById('toggle').style.cssText = 'left:150px;';
	}else{
		document.getElementById('left').style.display = 'none';
		document.getElementById('main').style.cssText = 'margin-left:0;';
		document.getElementById('toggle').style.cssText = 'left:0;';
	}
}
</script>
</body>
</html>
